.page-index {
	width: 690rpx;
	padding: 0 30rpx;
	height: calc(100vh - 112rpx - env(safe-area-inset-bottom));
	background: #f0f0f0;
	position: relative;
	.box{
		width: 100%;
		height: 20rpx;
	}
	.paddrcss{
		padding-right: 10rpx;
	}
	.fix{
		position: fixed;
		left: 0;
		bottom: 0;
		width: 690rpx;
		background: #fff;
		padding:0 30rpx;
		height: calc(112rpx + env(safe-area-inset-bottom));
		&_main{
			width: 100%;
			height: 112rpx;
			display: flex;
			align-items: center;
			justify-content: flex-end;
			&_h{
				font-size: 28rpx;
			}
			&_t{
				font-weight: 500;
				font-size: 24rpx;
				line-height: 24rpx;
				padding-right: 5rpx;
			}
			&_money{
				font-weight: 500;
				font-size: 36rpx;
				line-height: 36rpx;
				margin-right: 30rpx;
			}
			&_btn{
				width: 188rpx;
				height: 80rpx;
				background:#35743D;
				border-radius: 42rpx;
				text-align: center;
				line-height: 80rpx;
				font-weight: 500;
				font-size: 28rpx;
				color: #ffffff;
	}
		}
		&_box{
			width: 100%;
			height: env(safe-area-inset-bottom);
		}
	}
	.city{
		padding:30rpx 32rpx 20rpx;
		border-radius: 20rpx;
		background: #fff;
		display: flex;
		flex-direction: column;
		margin-bottom: 20rpx;
		.xiancss{
			width: 100%;
			height: 2rpx;
			background: #f0f0f0;
			margin: 20rpx 0;
		}
		&_li{
			display: flex;
			align-items: center;
			padding-top: 20rpx;
			padding-bottom: 20rpx;
			.addres-compute {
				margin-left: auto;
				display: flex;
				justify-content: right;
				align-items: center;
				image {
					width: 36rpx;
					height: 36rpx;
				}
			}
			&_h{
				font-size: 28rpx;
				width: 120rpx;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			&_right{
				height: 100%;
				display: flex;
				align-items: center;
				justify-content: flex-end;
				margin-left: auto;
				font-size: 28rpx;
				&_info{
					width: 400rpx;
					display: flex;
					flex-direction: column;
					align-items: flex-end;
					justify-content: flex-end;
					&_h{
						font-size: 28rpx;
						width: 100%;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						padding-bottom: 12rpx;
						text-align: right;
					}
					&_t{
						font-size: 28rpx;
						width: 100%;
						overflow: hidden;
						white-space: nowrap;
						text-overflow: ellipsis;
						padding-bottom: 10rpx;
						text-align: right;
					}
				}
				&_img{
					width: 30rpx;
					height: 30rpx;
				}
			}
			&_money{
				width: calc(100% - 120rpx);
				display: flex;
				align-items: flex-end;
				justify-content: flex-end;
				&_t{
					font-size: 24rpx;
					line-height: 24rpx;
					padding-right: 5rpx;
					font-weight: 500;
				}
				&_h{
					font-size: 36rpx;
					line-height: 36rpx;
					font-weight: 500;
				}
			}
		}
	}
	.commodity{
		width: calc(100% - 24rpx);
		padding: 12rpx;
		border-radius: 20rpx;
		background: #fff;
		display: flex;
		margin-bottom: 20rpx;
		&_left{
			width: 159rpx;
			height: 159rpx;
			border-radius: 20rpx;
			overflow: hidden;
			margin-right: 16rpx;
			&_img{
				width: 100%;
				height: 100%;
				background: #f0f0f0;
			}
		}
		&_right{
			width: calc(100% - 175rpx);
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			&_h{
				font-size: 28rpx;
			}
			&_money{
				width: calc(100% - 18rpx);
				padding-right: 18rpx;
				padding-bottom: 8rpx;
				display: flex;
				align-items: flex-end;
				justify-content: flex-end;
				&_t{
					font-size: 24rpx;
					line-height: 24rpx;
					padding-right: 5rpx;
					font-weight: 500;
				}
				&_h{
					font-size: 36rpx;
					line-height: 36rpx;
					font-weight: 500;
				}
				
			}
		}
	}
}